<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
		<title>Youtube Venturi Demo</title>
		
		<!-- iPhone Stuff 
		<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; minimum-scale=1.0; user-scalable=0;" />
		<script src="js/fixed.js" type="text/javascript" charset="utf-8"></script>
		<link media="screen" href="css/fixed.css" type= "text/css" rel="stylesheet" />
        -->
        <meta name="viewport" content="width=device-width, height=device-height, user-scalable=no" />

        <meta name="apple-touch-fullscreen" content="YES" />
        <meta name="apple-mobile-web-app-status-bar-style" content="black" />
        <meta name="apple-mobile-web-app-capable" content="yes" />

		<script src="js/jquery.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/yt.js" type="text/javascript" charset="utf-8"></script>

        <script type="text/javascript">
        $(document).ready(function(){
            init();
        });
        </script>
	</head>
	<body>
<!--
		<div id="header">
        </div>
		<div id="container">
		</div>
-->
        <button id="most_viewed"><span>Most Viewed</span></button>
        <button id="most_popular">Most Popular</button>
        <button id="top_rated">Top Rated</button>
        <button id="featured">Featured</button>
        <br>
        <div id="content">
        </div>
<!--
		<div id="footer">
			<ul>
				<li id="most_viewed" class="team"><span>Most Viewed</span></li>
				<li id="most_popular" class="team"><span>Most Popular</span></li>
				<li id="top_rated" class="team"><span>Top Rated</span></li>
			</ul>
		</div>
-->
	</body>
</html>
